<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Resume</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/resume.style.css"/>
</head>
<body>

<div class="am-container">
    <div class="am-g">
        <h1 class="am-article-title col-md-4 am-u-md-4 am-text-center">个人简历<small> About Me</small></h1>
    </div>

    <div class="am-g">
        <div class="photo col-md-4 am-u-md-4 am-vertical-align">
            <img src="assets/img/sky.png" alt="photo" class="am-img-bdrs am-vertical-align-middle"/>
        </div>
        <ul class="info am-list am-list-static am-list-border col-md-8 am-u-md-8 ">
            <li>姓名：XXX</li>
            <li>性别：男</li>
            <li>博客：xxx.xxx.xxx</li>
            <li>git：github.com/xxx</li>
            <li>联系电话：188-xxxx-xxxx</li>
        </ul>
    </div>

    <section class="am-panel am-panel-default">
        <header class="am-panel-hd">
            <h3 class="am-panel-title">教育及工作背景</h3>
        </header>
        <div class="am-panel-bd">
            目前是在校大学生
        </div>
        <ul class="am-list am-list-static">
            <li>20xx-20xx,于xx公司任职xxx</li>
            <li>20xx-20xx,于xx公司任职xxx</li>
            <li>20xx-20xx,于xx公司任职xxx</li>
        </ul>
    </section>

    <section class="am-panel am-panel-default">
        <header class="am-panel-hd">
            <h3 class="am-panel-title">技能掌握</h3>
        </header>
        <div class="am-panel-bd">
            HTML5，CSS3，前端自动化工具，js，js基础类库，js类库，UI框架，nodeJs...
        </div>
        <ul class="am-list am-list-static">
            <li>C (40%)</li>
            <li>Linux (10%)</li>
        </ul>
        <div class="am-panel-footer">...</div>
    </section>

    <section class="am-panel am-panel-default">
        <header class="am-panel-hd">
            <h3 class="am-panel-title">个人简介</h3>
        </header>
        <div class="am-panel-bd">
            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>

        <div class="am-panel-footer">希望：xxxxxxxxx</div>
    </section>

</div>



<footer>
    <p>resume template<br/>
        <small>© Copyright XXX. Designed by Misic.</small>
    </p>
</footer>

<script src="assets/js/amazeui.min.js"></script>

<!--[if lt IE 9]>
<script src="assets/js/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
</body>
</html>